<template>
  <div id="train-agreement">
    <Agreement :contentList="contentList" :company="company" :agreementTitle="agreementTitle" :time="time" :url="url"
      :indexList="indexList">
    </Agreement>
  </div>
</template>

<script setup lang="ts">
import { ref, watch } from 'vue';
const props = defineProps(['agreementDetail']);
import { comStores } from '@/store/common/comStore';
const store = comStores()
const formInfo = ref<any>({

});
const time = ref<string>("");
const url = ref<string>("")
watch(props.agreementDetail, (val) => {
  if (val) {
    formInfo.value = val;
    time.value = val.agreementTime
    url.value = val.agreementUrl
  }
}, { immediate: true })

function getFutureDate(daysAhead) {
  // 获取当前日期
  const today = new Date(formInfo.value.agreementTime);
  // 计算未来几天的日期
  const futureDate = new Date(today);
  futureDate.setDate(today.getDate() + daysAhead);
  // 格式化日期
  const year = futureDate.getFullYear();
  const month = String(futureDate.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1
  const day = String(futureDate.getDate()).padStart(2, '0');
  return `${year}年${month}月${day}日`;
}

const company = ref<string>("甲方签章（公司）：合肥我们方田教育科技有限公司")

import Agreement from './Agreement.vue';
const contentList = ref<string[]>([
  `尊敬的${store.currentResume.userName}同学：`,
  `您好！`,
  `我们很开心通知您通过了方田教育的培训考核，正式进入三方签约环节，为了明确您的签约意向，我们向您发送此确认书。以下是签约意向的具体内容：`,
  `1. 职位及职责：您将担任教师岗，主要负责教学工工作。`,
  `2. 薪资结构：乙方入职甲方，转正后首年年综合收入原则上不低于人民币10万元/年。乙方入职后的薪酬结构原则上为岗位工资+课时费+综合福利。其中，乙方实习期岗位工资标准为人民币90元/天，试用期岗位工资标准为人民币3150元/月，转正后岗位工资标准为人民币3500元/月。课时费标准为300元/课起，具体课时费将根据乙方每月实际课时数量和考核结果计算并发放。`,
  '3. 三方协议：我们将与您签订应届生三方协议，确保您的学业和实习安排符合学校规定，同时满足公司的人才需求。',
  '为了确认您的签约意向，请您在收到本确认书后三个工作日内回复，并按照以下指示操作：',
  `- 如果您接受我们的工作邀请并愿意签订三方协议，请签署本确认书的副本，并将其返回给我们，我们将在${getFutureDate(3)}主动联系您沟通签约细节。`,
  `- 如果您在三个工作日之内未给出明确答复，则视为放弃此份offer，公司将不再为您保留此岗位`,
  `请注意，本确认书的签署并不代表最终的就业合同，所有条款将在正式的三方协议中详细列明。`,
  `我们期待您的积极回应，并希望能够与您一起开启美好的职业旅程。`,
  `  此致`,
  `敬礼`,
]);
const agreementTitle = ref<string>('应届生三方协议签约意向确认书');
const indexList = ref<number[]>([3, 6, 7, 9, 11, 13]);
</script>

<style></style>
